<template>
    <div>
      <h3>@事件的参数问题</h3>
      <!--无参数时,有无括号都可以  -->
      <button @click="btn1Click">1</button>
      <!--  -->
      <button @click="btn2Click(123)">2</button>
      <!-- 浏览器会默认传一个 object MouseEvent-->
      <button @click="btn2Click">不写括号有1个参数</button>
      <!--需要eve对象($event获取对象),也需要其他参数时(照写)  -->
      <button @click="btn3Click($event,20,'abc')">3</button>
      <button @click="btn3Click">不写括号有多个</button>
    </div>
</template>

<script>
    export default {
        name: "Von",

          methods:{
            btn1Click(){
              console.log("btn1Click")
            },
            btn2Click(a){
              console.log(a);
            },
            /*  在某个函数有参数,但是调用时候不写括号的情况下,写成这个样子
                btn2Click(eve){
                console.log("---"+eve);
              },*/

            btn3Click(a,b,c){
              console.log(a,b,c);
            }
          }

    }
</script>

<style scoped>

</style>
